<template>
  <div class="bb-custom-wrapper picbook">
    <!-- 内容 -->
    <div id="bb-bookblock" class="bb-bookblock main " @touchstart="start" @touchmove="move" @touchend="end">
      <div class="bb-item" v-for="(item,index) in contentItem" :key="item.id">
        <Content id="content" :index="index" />
      </div>
    </div>
    <Audio />
  </div>
</template>

<script>
import { mixins } from "@/common/mixins/picbookMixins.js"
import Content from "./content.vue"
import Audio from "../audio.vue"
export default {
  mixins: [mixins],
  components: {
    Content,
    Audio
  },
}
</script>

<style scoped lang='stylus'>
@import '../../../common/stylus/picbook.styl'
</style>